import 'package:flutter/material.dart';
import 'package:udi_sys/common/dimens.dart';

/**
 * 创建日期：2022/3/21
 * @author Zhangzhenguo
 * @version 1.0
 * 类说明 欢迎页
 */
class WelcomePage extends StatefulWidget {
  @override
  _WelcomePageState createState() => _WelcomePageState();
}

class _WelcomePageState extends State<WelcomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
      child: Stack(
        children: [
          PageView(
            // 滑动方向  横向和竖向  Axis.vertical
            scrollDirection: Axis.horizontal,
            // 反转  是否从最后一个开始算0
            reverse: false,
            // 控制初始化第几个，占屏幕范围
            controller: PageController(
                // 初始化第几个
                initialPage: 0,
                // 占屏幕范围  1代表占满整个屏幕
                viewportFraction: 1,
                // 是否保存当前page的状态，如果保存，下次恢复对应保存的page，
                // initialPage将被忽略；反之下次还是从initialPage开始初始化
                keepPage: false),
//        滚动的方式
//        BouncingScrollPhysics阻尼效果
//        ClampingScrollPhysics 水波纹效果
            physics: BouncingScrollPhysics(),
            // 回弹效果 默认为true
            pageSnapping: true,
            onPageChanged: (value) => {},
            children: [
              Container(
                child: Stack(
                  children: [
                    // 欢迎图1
                    Image(
                      image: AssetImage('images/icon_welcome_one.png'),
                    ),
                    // 提示文字
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Padding(
                        padding: EdgeInsets.only(
                            left: MyDimens.size_layoutPaddingLeft,
                            right: MyDimens.size_layoutPaddingRight,
                            bottom: MyDimens.size_welcomeBottom),
                        child: Text('新用户登录后可点击视频教程，或常见问题，熟悉使用方法。'),
                      ),
                    )
                  ],
                ),
              ),
              // 欢迎图2
              Container(
                child: Center(
                  child: Image(
                    image: AssetImage('images/icon_welcome_two.png'),
                  ),
                ),
              ),
              // 欢迎图3
              Container(
                child: Stack(
                  children: [
                    Image(
                      image: AssetImage('images/icon_welcome_three.png'),
                    ),
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Padding(
                          padding: EdgeInsets.only(
                              left: MyDimens.size_layoutPaddingLeft,
                              right: MyDimens.size_layoutPaddingRight,
                              bottom: MyDimens.size_welcomeBottom),
                          child: Column(
                            mainAxisAlignment: MainAxisAlignment.end,
                            crossAxisAlignment: CrossAxisAlignment.end,
                            children: [
                              Text(
                                '使用电脑浏览器登录售药管家后台，可以查询和打印下载进销存报表。具体登录使用方法可参考相关操作手册。'),
                            ],
                          )),
                    )
                  ],
                ),
              )
            ],
          ),
          // 底部自定义内容及按钮
          Container(
            alignment: Alignment.bottomCenter,
            child: GestureDetector(
              child: Image(
                image: AssetImage('images/icon_welcome_skip.png'),
                width: 100,
              ),
              onTap: (){
                Navigator.of(context).pushNamed('/view/login/login');
              },
            )
          )
        ],
      ),
    ));
  }
}
